<template>
    <div class="rec">
        <div class="rec_t">
            <h5>
九匠半永久纹眉(旗舰成都店)</h5>
        </div>
        <div class="rec_m">
            <ul>
                <li class="star"><span>★</span></li>
                <li class="star"><span>★</span></li>
                <li class="star"><span>★</span></li>
                <li class="star"><span>★</span></li>
                <li class="star"><span>★</span></li>
            
            </ul>
            <p>3.4km IFS/香槟广场</p>
        </div>
    </div>
</template>
<script>
export default {
    name:"HairMida.vue"
}
</script>
<style scoped>
.rec{
    
    width: 100%;

}

.rec h5{
font-size: 15px;
text-align: left;
    
}
.rec_m{ 
      /* float: left; */
     width: 100%;
     overflow: hidden;
 
}
.rec_m ul{
    /* padding-top: .5rem; */
  float: left;
 

}
.rec_m li{
    display: inline-block;
   
}
.rec_m span{
    color: orange;
    font-size: 25px;
}
.rec_m p{
   margin-top: 0.2rem;
  float: right;
   
}
</style>